<template>
    <div>
        <div class="tenantry-manage">
            <div class="card-box">
                <div  style="font-size: 26px;margin-left:50px; padding-top: 10px">{{propForm.clientProviderName}} &nbsp;
                    <el-tag type="info" style="border-radius: 10px">{{clientProviderTypeMean}}</el-tag>
                </div>
                <div class="card-title">基础信息</div>
                <el-form class="form-wrap" size="small">
                    <!--第一行数据-->
                    <el-form-item label="证件类型"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
											<span>{{propForm.clientProviderType | dict('provider_type')}}</span>
                    </el-form-item>
                    <!--第二行数据.. 类推 -->
                    <el-form-item label="证件号码"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.certificateNum}}</span>
                    </el-form-item>

                    <el-form-item label="主营业务"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.scopeBusiness}}</span>
                    </el-form-item>

                    <el-form-item label="通讯地址"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.address}}</span>
                    </el-form-item>

                    <el-form-item label="负责人"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.providerPrincipal}}</span>
                    </el-form-item>


                    <el-form-item label="联系手机"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.phoneNum}}</span>
                    </el-form-item>

                    <el-form-item label="电子邮箱"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.email}}</span>
                    </el-form-item>
                    <el-form-item label="创建人"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.createName}}</span>
                    </el-form-item>
                    <el-form-item label="创建时间"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.createTime}}</span>
                    </el-form-item>
                    <el-form-item label="备注"  class="col-one">
                    </el-form-item>
                    <el-form-item  class="col-two">
                        <span>{{propForm.remarks}}</span>
                    </el-form-item>

                </el-form>
            </div>
        </div>

        <div class="tenantry-manage">
            <div class="card-title">联系人</div>

            <div class="card-box">
                <el-table
                    :data="linkInfo"
                    style="width: 100%;"
                    :header-cell-style="{'text-align':'center' }"
                    :row-style="{height:'35px'}"
                    :cell-style="{'text-align':'center', 'height':'22px'}">
                    <el-table-column
                        width="80px"
                        type="index"
                        label="序号"
                         >
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="姓名"
                         >
                    </el-table-column>
                    <el-table-column
                        prop="phone"
                        label="电话"
                       >
                    </el-table-column>
                    <el-table-column
                        prop="email"
                        label="电子邮箱"
                    >
                    </el-table-column>
                    <el-table-column
                        prop="remarks"
                        label="备注">
                    </el-table-column>
                </el-table>
            </div>
        </div>
        <div class="tenantry-manage">
            <div class="card-box">
                <div class="card-title">附件</div>
                <v-upload type="file"
                              ref="providerUpload"
                              :busId="busId"
                              :modelType="modelType"
                              :isShowFileList="true"
                              :isView="true">
                </v-upload>
            </div>
        </div>
        <div class="tenantry-manage">
            <div class="card-box">
                <el-tabs v-model="activeName" type="card" >
                    <el-tab-pane label="合同信息" name="first">
                        <contractInfo :pid="supplierId" ></contractInfo>
                    </el-tab-pane>
                    <el-tab-pane label="缴费记录" name="second">
                        <paymentRecordProvide :pid="supplierId"></paymentRecordProvide>
                    </el-tab-pane>
                    <el-tab-pane label="欠款记录" name="three">
                        <debtRecordProvide :pid="supplierId"></debtRecordProvide>
                    </el-tab-pane>
                 <!--   <el-tab-pane label="负责项目" name="four">
                        <projectInfo  :pid="supplierId"></projectInfo>
                    </el-tab-pane>-->
                </el-tabs>

            </div>
        </div>
    </div>
</template>

<script src="./js/look.js">
</script>

<style scoped  lang="scss">
    @import "@/views/client-manage/scss/edit";
</style>
